<template>
  <div>
      <h3>过滤器</h3>
      <ul>
          <li v-for="(item, index) in list" :key="index">
              {{ item | filterFn }}
          </li>
      </ul>
      
  </div>
</template>

<script>

export default {
    // mixins
    
    // 过滤器
    filters: {
        filterFn(val) {
            console.log('我准备过滤了', val)
            return val === 0? '女' : '男'
        }
    },
    data() {
        return {
            // sex: 0
            list: [1, 0, 1, 1, 0]
            // arr: [
            //     {
            //         price: 10
            //         // ￥10.00
            //     }
            // ]
        }
    }
}
</script>

<style>

</style>